<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
  <link href="<%=basePath%>/style/main.css" rel="stylesheet"
			type="text/css" />
    <link href="<%=basePath%>/style/jquery-ui-1.8.16.custom.css" rel="stylesheet"
			type="text/css" />
		<link type="text/css" rel="stylesheet"
			href="<%=basePath%>/style/style.css" />
	<script src="<%=basePath%>/Scripts/jquery-1.3.1.js" type="text/javascript"></script>
	<script src="<%=basePath%>/Scripts/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
	<script src="<%=basePath%>/Scripts/ui.datepicker-zh_CN.js" type="text/javascript"></script>
	
    <script src="<%=basePath%>/Scripts/jquery.validate.js" type="text/javascript"></script>
	<style>
	body{ padding:10px}
	.mydiv input {
		width: 160px;
		font-size: 15pt;
		border: solid 1px #7F9DB9;
		padding: 0px 0px;
		font-size: 15px;	
       }
	.mydiv{
	background-color: #F1F6FF;
	padding: 10px;
	}
	.mydiv legend{
	font-size: 20px;	
	}
	label { width: 10em; float: left; }
		label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
		em { font-weight: bold; padding-right: 1em; vertical-align: top; }
		em.error {
		  background:url("<%=basePath%>/images/unchecked.gif") no-repeat 0px 0px;
		  padding-left: 16px;
		}
		em.success {
		  background:url("<%=basePath%>/images/checked.gif") no-repeat 0px 0px;
		  padding-left: 16px;
		}
	</style>
	
	<script type="text/javascript">
	function datePicker(pickerName,locale) {
		$(pickerName).datepicker($.datepicker.regional[locale]);
		$(pickerName).datepicker('option', 'changeMonth', true);//月份可调
		$(pickerName).datepicker('option', 'changeYear', true);//年份可调
		
	}
	 $(function(){
	  datePicker('#dallowancedate','zh_CN');
	  datePicker('#ballowanceDate','zh_CN');
	  
  $("#secondform").validate({
		rules: {
			recommenderId: { 
				required: true,
				minlength: 4
			},
			rname:{
			required:true,
			minlength:2
			},
			recruiterId:{
			required:true,
			minlength:4
			},			
			zname:{
			required:true,
			minlength:2
			},
			ddirecterId:{
			required:true,
			minlength:4
			},
			zhuName:{
			required:true,
			minlength:2
			},
			bdirecterId:{
			required:true,
			minlength:4
			},
			yuName:{
			required:true,
			minlength:2
			},
			zycompetent: {
				required: true,
				minlength: 4
			},
			zengName:{
			required:true,
			minlength:2
			},
			guar1idcard:{
			required:true,
			minlength:18
			},
			guar1:{
			required:true,
			minlength:2
			},
			guar2idcard:{
			required:true,
			minlength:18
			},
			guar2:{
			required:true,
			minlength:2
			},
			turnInId:{
			required:true,
			minlength:4
			},
			wageCard:{
			required:true,
			minlength:18
			},
			pensionCard:{
			required:true,
			minlength:18
			}
		},
		messages: {
			recommenderId: {
				required: '请输入推荐人编号',
				minlength: '编号至少4位，字母+数字'
			},
			rname: {
				required: '请输入推荐人姓名',
				minlength: '请输入正确的姓名'
			},
			recruiterId: {
			required:'请输入招募人编号',
			minlength:'编号至少4位，字母+数字'
			},
			zname: {
			required:'请输入招募人姓名',
			minlength:'请输入正确的姓名'
			},
			ddirecterId:{
			required:'请输入直管主任编号',
			minlength:'至少4位'
			},
			zhuName:{
			required:'请输入直管主任姓名',
			minlength:'请输入正确的姓名'
			},
			bdirecterId:{
			required:'请输入育成主任编号',
			minlength:'至少4个字符'
			},
			yuName:{
			required:'请输入育成主任姓名',
			minlength:'请输入正确的姓名'
			},
			zycompetent: {
				required: '请输入增员主管编号',
				minlength:'至少4个字符'
			},
			zengName:{
			required:'请输入增员主管姓名',
			minlength:'请输入正确的姓名'
			},
			guar1idcard:{
			required:'请输入担保人甲身份证号',
			minlength:'18位或21位'
			},
			guar2idcard:{
			required:'请输入担保人乙身份证号',
			minlength:'18位或21位'
			},
			guar1:{
			required:'请输入担保人甲姓名',
			minlength:'请填写正确姓名'
			},
			guar2:{
			required:'请输入担保人乙姓名',
			minlength:'请填写正确的姓名'
			},
			turnInId:{
			required:'请填写四联单号',
			minlength:'至少4位'
			},
			wageCard:{
			required:'请填写工资卡',
			minlength:'至少18位'
			},
			pensionCard:{
			required:'请填写养老金卡',
			minlength:'至少18位'
			}
		},	
		
		errorElement: "em", 
		success: function(label) {
			label.text(" ")				
				.addClass("success");	
		}
	  });});
	
	</script>
  </head>
  
  <body>
  <div id="EmployeeAddition" class="mydiv">
      <form id="secondform" action="AddEmployeeAddition" method="post">
      <fieldset>
      <legend>员工附加信息：</legend>
      <p>&nbsp;</p>
     
      <p>
      <label for="recommenderId">推荐人编号：</label><input type="text" name="recommenderId" id="recommenderId" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   推荐人姓名：<input type="text" name="rname" id="rname" />
      </p><p>&nbsp;</p>
      
       <p>
      <label for="recruiterId">招募人编号：</label><input type="text" name="recruiterId" id="recruiterId" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  招募人姓名：<input type="text" name="zname" id="zname" />
      </p><p>&nbsp;</p>
      
      
       <p>
      <label for="ddirecterId">直管主任编号：</label><input type="text" name="ddirecterId" id="ddirecterId" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  直管主任姓名：<input type="text" name="zhuName" id="zhuName" />
      </p><p>&nbsp;</p>
      
      
        <p>
      <label for="bdirecterId">育成主任编号：</label><input type="text" name="bdirecterId" id="bdirecterId" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  育成主任姓名：<input type="text" name="yuName" id="yuName" />
      </p><p>&nbsp;</p>
      
       <p>
      <label for="zycompetent">增员主管编号：</label><input type="text" name="zycompetent" id="zycompetent" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  增员主管姓名：<input type="text" name="zengName" id="zengName" />
      </p><p>&nbsp;</p>
      
      
         <p>
      <label for="guar1">担保人甲姓名：</label><input type="text" name="guar1" id="guar1" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                 担保人甲身份证：<input type="text" name="guar1idcard" id="guar1idcard" />
      </p><p>&nbsp;</p>
      
      
       <p>
      <label for="guar2">担保人乙姓名：</label><input type="text" name="guar2" id="guar2" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                 担保人乙身份证：<input type="text" name="guar2idcard" id="guar2idcard" />
      </p><p>&nbsp;</p>
      
      
      <p>
      直接辅导津贴提取开始时间：<input type="text" name="dallowancedate" id="dallowancedate" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                 育成辅导津贴提取开始时间：<input type="text" name="ballowanceDate" id="ballowanceDate" />
      </p><p>&nbsp;</p>
      
       <p>
      <label for="isTurnIn">入司是否属于转司：</label><input type="checkbox" name="isTurnIn" id="isTurnIn" value="1"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                试用标志：<input type="checkbox" name="isTrial" id="isTrial" value="1"/>
      </p><p>&nbsp;</p>
     
     
       <p>
       入司时转司四联单编号：<input type="text" name="turnInId" id="turnInId" />&nbsp;&nbsp;&nbsp;
       工资卡号：<input type="text" name="wageCard" id="wageCard"/>
      </p><p>&nbsp;</p>
      
       <p>
      <label for="pensionCard">养老金卡号：</label><input type="text" name="pensionCard" id="pensionCard"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                养老金：<input type="text" name="pension" id="pension"/>
      </p><p>&nbsp;</p>
      
      
       <p>
       <label for="note">备注信息：</label> <textarea name="note" id="note" cols="35" rows="5"></textarea>&nbsp;&nbsp;&nbsp;
      </p><p>&nbsp;</p>
      
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="input" type="submit"  value="保存"  class="btn_1"/>
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      <input name="input" type="reset"  value="重置"  class="btn_1"/>
         </fieldset>
        </form>
       </div>
  </body>
</html>
